<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>案例详情-来设计工业设计在线</title>
		<link rel="icon shortcut" type="image/x-icon" href="../../img/favicon.ico"/>
		<link rel="stylesheet" type="text/css" href="../../css/common/reset.css"/>
		<link rel="stylesheet" type="text/css" href="../../css/demand/case-detail.css"/>
		<script type="text/javascript" src="../../js/viewport.js"></script>
	</head>
	<body>
		<div class="main">
			<div class="main-header">
				<a class="header-btn active">图片</a>
				<a class="header-btn">详情</a>
			</div>
			<div class="main-content">
				<div class="content-imglist">
					<img src="../../img/demand/case-img.jpg"/>
					<img src="../../img/demand/case-img.jpg"/>
				</div>
				<div class="content-text">
					<div class="list-item">
						<p class="label">作品名称</p>
						<span class="text">电饭煲</span>
					</div>
					<div class="list-item">
						<p class="label">品类</p>
						<span class="text">家电类/家电/电饭煲</span>
					</div>
					<div class="list-item">
						<p class="label">设计方案</p>
						<span class="text">外观设计 、内部结构</span>
					</div>
					<div class="list-item">
						<p class="label">服务内容</p>
						<span class="text">全新设计</span>
					</div>
					<div class="list-item">
						<p class="label">完成周期</p>
						<span class="text">30天</span>
					</div>
					<div class="list-item">
						<p class="label">设计日期</p>
						<span class="text">1995.02</span>
					</div>
					<div class="list-item">
						<p class="label">品牌</p>
						<span class="text">美的</span>
					</div>
					<div class="list-item">
						<p class="label">获得奖项</p>
						<span class="text">2017 IF 最佳设计奖、2016 中国创新设计红星奖</span>
					</div>
					<div class="list-item">
						<p class="label">产品定位</p>
						<span class="text">高端</span>
					</div>
					<div class="list-item">
						<p class="label">产品风格</p>
						<span class="text">欧式风格</span>
					</div>
					<div class="list-item">
						<p class="label">产品属性</p>
						<span class="text">科技感、金属感</span>
					</div>
					<div class="list-item">
						<p class="label">人群定位</p>
						<span class="text">青年、老年</span>
					</div>
					<div class="list-item">
						<p class="label">销售区域</p>
						<span class="text">内销</span>
					</div>
					<div class="list-item">
						<p class="label">材质</p>
						<span class="text">不锈钢</span>
					</div>
					<div class="list-item">
						<p class="label">控制面板</p>
						<span class="text">电子式控制面板</span>
					</div>
					<div class="list-item">
						<p class="label">产品特点</p>
						<span class="text">米面汤菜，蒸煮全能四全一，专为单身白领和小情侣而设计。大品牌对小饭煲市场的忽视而让小厂家可以大放彩，该此项目受厂家委托由我们全方面负责开发，包括外观结构。自产品成功上市以来，每月超过2万台的订单并为多个品牌贴牌生产。</span>
					</div>
				</div>
			</div>
			<div class="main-btn">
				<a class="backbtn" href="service-info.html">返回列表</a>
			</div>
		</div>
	</body>
	<script src="../../js/jquery-1.12.4.min.js" ></script>
	<script>
		//1.需求详情与产品标签   的切换
		var $header_btn = $('.header-btn'),
			$view_model = $('.main-content>div');
		$header_btn.click(function(){
			$header_btn.removeClass('active');
			$(this).addClass('active');
			$view_model.css('display','none');
			$view_model.eq($(this).index()).css('display','block');
		});
	</script>
</html>
